<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Untitled Document</title>
		<style>
			#main {
				position:relative;
				z-index:2000;
				width:300px;
				height:650px;
				top:50px;
				left:50px;
			}
			#header {
				position:absolute;
				width:100%;
				height:20px;
				filter:alpha(opacity=0);
				opacity:0.0;
				background:#ff0000;
			}
			body { margin: 0px; overflow:hidden }
		</style>
		<script src="js/jquery.js"></script>
		<script src="js/jquery.dimensions.pack.js" type="text/javascript"></script>
		<script src="js/ui.base.js"></script>
		<script src="js/ui.draggable.js"></script>
		<script src="js/AC_OETags.js" language="javascript"></script>
		<script type="text/javascript">
		/**
		 * @author liyan
		 */
					var winWidth;
					var winHeight;
					
					var divTop;
					var divLeft;
					
					var divWidth;
					var divHeight;
					var winSetInter;
					var scrollBL = false;
					var mouserOver = false;
					var scaleStat = false;
					
					var positionDIV;
					
					var topHeader = false;
					var onHeaderImg = false;
					var ImgNum;
					
					$(document).ready(function(){
						initMouseMove();
						winWidth = $(window).width();
						
						$("#main").draggable();
		
						$("#main").hover(function(){
							mouserOver = true;
						},function(){
							divTop = $("#main").css("top");
							divLeft = $("#main").css("left");
							divTop = divTop.slice(0,divTop.length-2);
							divLeft = divLeft.slice(0,divLeft.length-2);
							if(divTop < 10){
								positionDIV = "top";
								$("#main").css({top:"-700px"});
							}
							if(divLeft <10 && divTop > 10){
								positionDIV = "left";
								$("#main").css({left:"-300px"});
							}
							mouserOver = false;
						});
						document.getElementById("header").onmouseover = function(){
							$("#main").draggable("enable");
						}
						document.getElementById("header").onmouseout = function(){
							$("#main").draggable("disable");
						}
					});
					function smallDiv(){
							$("#main").animate({height:"106px"});
					}
					function initMouseMove(){
						if(!document.all){
							document.captureEvents(Event.MOUSEMOVE);
						}
						document.onmousemove = mouseMove;
					}
					function mouseMove(e){
						var x,y;
						if(!document.all){
							x=e.pageX; 
							y=e.pageY;
						}else{
							x=document.body.scrollLeft+event.clientX;
							y=document.body.scrollTop+event.clientY; 
						}
						divTop = $("#main").css("top");
						divLeft = $("#main").css("left");
						divTop = divTop.slice(0,divTop.length-2);
						divLeft = divLeft.slice(0,divLeft.length-2);
						var bigLeft = Number(divLeft) + Number(200);
						var bigTop = Number(divTop) + Number(400);
						if(!mouserOver){
							
							if(positionDIV == "top"){
								if(x > divLeft && x < bigLeft && y <10){
										$("#main").css({top:"0px"});
								}
							}
							if(positionDIV == "left"){
								if(y > divTop && y < bigTop && x <10){
										$("#main").css({left:"0px"});
								}
							}
						}
					}
		</script>

<body>
		<div id="main">
			<div id="header"></div>
			<div id="content">
				<script type="text/javascript">
					AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab','name','People_List','width','300','height','650','id','People_List','movie','People_List','quality','high','allowscriptaccess','sameDomain','wmode','transparent' ); //end AC code
				</script>
			</div>
		</div>
	</body>
</html>
